/* Author: W3layout Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ */ /* reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;} article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} ol,ul{list-style:none;margin:0;padding:0;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} /* start editing from here */ a{text-decoration:none;color:#333;font-size:12px;} .txt-rt{text-align:right;}/* text align right */ .txt-lt{text-align:left;}/* text align left */ .txt-center{text-align:center;}/* text align center */ .float-rt{float:right;}/* float right */ .float-lt{float:left;}/* float left */ .clear{clear:both;}/* clear float */ .pos-relative{position:relative;}/* Position Relative */ .pos-absolute{position:absolute;}/* Position Absolute */ .vertical-base{ vertical-align:baseline;}/* vertical align baseline */ .vertical-top{ vertical-align:top;}/* vertical align top */ .underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */ nav.vertical ul li{ display:block;}/* vertical menu */ nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ /*end reset*/ @font-face { font-family: "Microsoft Yahei"; } body { font-family: "Microsoft Yahei" ; line-height:24px; } a {text-decoration:none; color: #333; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } a:hover, a:focus { color: #d43133; } .nav_menu3 > ul > li.on {border-bottom:5px solid #317ed6;} .top{ background:#f8f8f8;} #header{ width:1200px; height:auto; margin:auto;} #header .left{ float:left; width:89px; } #header .c{ float:left; width:954px; margin-left:25px; } #header .right{ float:right; width:89px; padding-top:30px; position: relative;} #header .search{ display:none;} #banner{ background:url(../images/banner_05.jpg) top center no-repeat; height:600px;} #banner1{ background:url(../images/banner1_02.jpg) center no-repeat; height:250px;} #c{ margin:0; padding:0;} #c .contact{ width:1200px; margin:0 auto;} #c .contact .top{ text-align:center; margin:70px 0; background:url(../images/index_08.png) center bottom no-repeat; padding-bottom:30px;} #c .contact .top h2{ font-size:33px; font-weight:normal; margin-bottom:10px;} #service{ width:100%; overflow:hidden; } #service ul{ list-style:none;} #service ul li{ width:205px; float:left; margin-left:72px; margin-bottom:20px; display:block; text-align:center;} #service ul li a{ display:block; } #service ul li a:hover{ display:block;} #service ul li.s{ margin-left:150px;} #service .A{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/A.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service .A:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/A1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service h2{ font-size:18px; margin:10px 0; color:#333333;} #service p{ font-size:14px; color:#5b5a5a;} #service .B{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/B.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service .B:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/B1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service h2{ font-size:18px; margin:10px 0; color:#333333;} #service p{ font-size:14px; color:#5b5a5a;} #service .C{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/C.png) center no-repeat #FFF; box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service .C:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/C1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service h2{ font-size:18px; margin:10px 0; color:#333333;} #service p{ font-size:14px; color:#5b5a5a;} #service .D{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/D.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service .D:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/D1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service h2{ font-size:18px; margin:10px 0; color:#333333;} #service p{ font-size:14px; color:#5b5a5a;} #service .E{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/E.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service .E:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/E1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service h2{ font-size:18px; margin:10px 0; color:#333333;} #service p{ font-size:14px; color:#5b5a5a;} #service .F{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/F.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service .F:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/F1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service h2{ font-size:18px; margin:10px 0; color:#333333;} #service p{ font-size:14px; color:#5b5a5a;} #service .G{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/G.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service .G:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/G1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service h2{ font-size:18px; margin:10px 0; color:#333333;} #service p{ font-size:14px; color:#5b5a5a;} /*服务产品内页开始*/ #service1{ width:100%; overflow:hidden; } #service1 ul{ list-style:none;} #service1 ul li{ width:55%; float:left; margin-bottom:20px; display:block; text-align:center;} #service1 ul li a{ display:block; } #service1 ul li a:hover{ display:block;} #service1 ul li.s{ margin-left:150px;} #service1 .A{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/A.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 .A:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/A1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 h2{ font-size:18px; margin:10px 0; color:#333333;} #service1 p{ font-size:14px; color:#5b5a5a; width:50%;} #service1 .B{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/B.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 .B:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/B1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 h2{ font-size:18px; margin:10px 0; color:#333333;} #service1 p{ font-size:14px; color:#5b5a5a;} #service1 .C{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/C.png) center no-repeat #FFF; box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 .C:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/C1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 h2{ font-size:18px; margin:10px 0; color:#333333;} #service1 p{ font-size:14px; color:#5b5a5a;} #service1 .D{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/D.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 .D:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/D1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 h2{ font-size:18px; margin:10px 0; color:#333333;} #service1 p{ font-size:14px; color:#5b5a5a;} #service1 .E{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/E.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 .E:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/E1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 h2{ font-size:18px; margin:10px 0; color:#333333;} #service1 p{ font-size:14px; color:#5b5a5a;} #service1 .F{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/F.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 .F:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/F1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 h2{ font-size:18px; margin:10px 0; color:#333333;} #service1 p{ font-size:14px; color:#5b5a5a;} #service1 .G{ width:160PX; height:120PX; border:#d4d4d4 1px solid;border-radius:100px; margin:0 auto; padding-top:40PX; background:url(../images/G.png) center no-repeat #FFF;box-sizing:content-box; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 .G:HOVER{ width:160PX; height:120PX; border:#fff 1px solid; background:url(../images/G1.png) center no-repeat #2c84db; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms; } #service1 h2{ font-size:18px; margin:10px 0; color:#333333;} #service1 p{ font-size:14px; color:#5b5a5a;} /*服务产品内页结束*/ #hzhb{ margin:0; padding:0;} #hzhb .contact{ width:1200px; margin:0 auto;} #hzhb .contact .top{ text-align:center; margin:100px 0 50PX 0; background:url(../images/index_08.png) center bottom no-repeat; padding-bottom:30px;} #hzhb .contact .top h2{ font-size:33px; font-weight:normal; margin-bottom:10px; } #hzhb .contact .bottom ul{ width:1200px;} #hzhb .contact .bottom ul li{ width:374px; border:#d9d9d9 1px solid; float: left; margin-left:19px; margin-bottom:19px;} #hzhb .contact .bottom ul li:hover{ width:374px; border:#2c84db 1px solid; } #product{ margin:0; padding:0;} #product .contact{ width:1200px; margin:0 auto;} #product .contact .top{ text-align:center; margin:50px 0 10px 0; background:url(../images/index_08.png) center bottom no-repeat; padding-bottom:30px;} #product .contact .top h2{ font-size:33px; font-weight:normal; margin-bottom:10px;} .container{ width:100%; margin:50px auto 20px auto;} #about{ background:url(../images/about_18.jpg); padding:30px 0; } #about .contact{ width:1200px; margin:0px auto;} #about .contact .top{ text-align:center; margin:50px 0 10px 0; background:url(../images/index_08.png) center bottom no-repeat; padding-bottom:30px;} #about .contact .top h2{ font-size:33px; font-weight:normal; margin-bottom:10px;} #about .contact .bottom{ background:url(../images/ABOUT1_20.jpg) top center no-repeat; padding-top:300px;} #about .contact .bottom .c{ background-color:rgba(44, 132, 219, 0.8); border:#FFF 1px dashed; padding:10px; width:1005px; margin: 0 auto; line-height:34px; color:#FFF; font-size:14px; margin-top:63px; } #news{ background:#f8f8f8; padding:30px 0;} #news .contact{ width:1200px; margin:0px auto;} #news .contact .top{ text-align:center; margin:50px 0 10px 0; background:url(../images/index_08.png) center bottom no-repeat; padding-bottom:30px;} #news .contact .top h2{ font-size:33px; font-weight:normal; margin-bottom:10px;} #news ul{ padding-left:30px;} #news ul li{ width:571px; margin-right:10px; font-size:12px; text-align:center; margin-bottom:10px; float:left; border:#dbdbdb 1px solid; background:#FFF; padding:10px;} #news ul li a{ width:548px; margin-right:10px; font-size:12px; text-align:center; margin-bottom:10px; float:left; border:#dbdbdb 1px solid; background:#FFF; padding:10px;} #news ul li a:hover{ background:#2c84db; color:#FFF; -webkit-transition: color 300ms, background-color 600ms; -moz-transition: color 300ms, background-color 600ms; -ms-transition: color 300ms, background-color 600ms; -o-transition: color 300ms, background-color 600ms; transition: color 300ms, background-color 600ms;} #about-1{ background:#f8f8f8;} #about-1 .c{ width:1200px; margin:0 auto; padding:50px 0;} #about-1 .c h3{ font-size:30px; background:url(../images/dian_05.jpg) 0 50% no-repeat; padding-left:35px; width:680px; display:block;} #about-1 .c .top{ line-height:30px; font-size:16px; text-align:center; padding:20px 0; color:#787878;} #about-1 .c .bottom{ background:url(../images/quan1_09.jpg) top center repeat-y;} #about-1 .c .left { float:left; width:250px;} #about-1 .c .left h3{font-size:30px; background:url(../images/dian_05.jpg) 0 50% no-repeat; padding-left:35px; width:680px; display:block;} #about-1 .c .right{ width:800px; float:right; margin: 0 55px 20px 0; font-size: 14px; font-weight: bold;} #about-1 .c .right .casefl a{ margin: 0 10px 0 0; font-weight: normal; font-size: 14px;} #about-1 .c .right .casefl{ margin:0 0 10px 0; text-align: right;} #about-1 .c .right .casefl a:hover{ color:#003399; border-bottom:#003399 1px solid;} #about-1 .c .right .casefl li a{ font-size: 14px; font-weight: normal;} #about-1 .c .right .casefl li a.changefieldandcss{ font-size: 14px; color:#317ed6; font-weight: bold;} #about-1 .c .right .casefl li.s{ height:43px;} #foot{ background:#21242b; padding:20px 0; } #foot .contact{ width:1200px; margin: 0 auto; font-size:12px; color:#a3a3a5; padding:20px 0; } #foot .contact .left{ width:335px; float: left; font-size:12px; line-height:24px;} #foot .contact .left h2{ font-size:18px; font-weight:bold; margin-bottom:10px;} #foot .contact .c1 { width:240px; float: left; font-size:12px; line-height:24px;} #foot .contact .c1 h2{ font-size:18px; font-weight:bold; margin-bottom:10px;} #foot .contact .c{ width:169px; float:left; margin-left:76px;} #foot .contact .c ul{} #foot .contact .c ul li{ background:url(../images/anniu_27.jpg) left 50% no-repeat; line-height:24px; padding-left:20px; padding-bottom:10px; } #foot .contact .c ul li h2{ font-weight:normal; font-size:14px;margin-bottom:0; } #foot .contact .c ul li a{ color:#a3a3a5;} #foot .contact .c ul li:hover a{ color:#fff;} #foot .contact .c .cc{ background:url(../images/anniu1_29.jpg) left top repeat-y;} #foot .contact .c h2{ font-size:18px; font-weight:bold; margin-bottom:10px;} #foot .contact .right h2{ font-size:18px; font-weight:bold; margin-bottom:10px;} #foot .contact .right{ float:right; } #foot1{ background:#0b0f18; height:35px; line-height:35px; text-align:center; color:#5a5e69; font-size:12px;} #foot1 a{ color:#5a5e69; font-size:12px;} #foot1 a:hover{ color:#FFF;} .more{width:12%; height:35px; line-height:35px; display:block; text-align:center; border:#2c84db 1px solid; box-sizing:content-box;border-radius:20px; margin:0 auto;color:#2c84db; background:url(../images/jiantou_07.png) 95% center no-repeat; margin-top:30px; margin-bottom:30px; } .more a{ font-size:12px; font-weight:bold;display:block; color:#2c84db;} .more1{width:100%; height:35px; line-height:35px; display:block; text-align:center; color: #3e414a; } .more1 a{ font-size:12px; font-weight:bold;display:block; color:#3e414a;} .f1{font-size:38px;font-weight:bold; height:35px; line-height:35px; display:block; text-align:center; } .f1 a{ color: #F30; font-size:18px; font-weight:bold;display:block;} .f1 a:hover{ background:#333; color: #FFF;height:35px; line-height:35px; } .f2{font-size:14px;font-weight:bold; height:35px; line-height:35px; display:block; } .f2 a{ color: #F30; font-size:18px; font-weight:bold;display:block;} .f2 a:hover{ background:#333; color: #FFF;height:35px; line-height:35px; } .list_dt{ background: #327ed6; color: white; width: 120px; padding: 0 40px 0 20px; height: 34px; line-height: 34px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; border-bottom: 1px solid #f2f2f2; } .list_dt:hover{ background: #2f7fd6; } .list_dt:hover ._after{ display: block; width: 3px; height: 100%; position: absolute; left: 0; top: 0; background: #4285F4; } #open{ background: #2b6dbb; } #open ._after{ display: block; width: 3px; height: 100%; position: absolute; left: 0; top: 0; background: #4285F4; } .list_dt_icon{ position: absolute; right: 10px; top: 9px; display: block; width: 16px; height: 16px; background: url("../images/off.png") no-repeat; } #open .list_dt_icon{ background: url("../images/open.png") no-repeat; } .list_dd{ display: none; z-index:999; position: absolute; } .list_li{ display: block; background: #2978d3; list-style-type: none; font-size:12px; color: white; width: 120px; padding: 0 30px; height: 34px; line-height: 34px; cursor: pointer; border-bottom: 1px solid #ffffff; } .list_li:hover{ background: #4285F4; } #pro{ width:100%; overflow:hidden; margin:5px 0;} #pro ul{ list-style:none;} #pro ul li{ width:23.3333%; text-align:center; float:left; display:block; border:#fff 7px solid; margin-left:10px; } #pro img{ width:100%; height:auto; border:#CCC 1px solid;} #pro .products{ width: 396px; height: 329px; border: #000 solid 0px; overflow:hidden; } #pro .products img{ cursor: pointer; transition: all 0.6s; } #pro .products img:hover{transform: scale(1.4); } #pro2{ width:100%; overflow:hidden; margin:5px 0;} #pro2 ul{ list-style:none;} #pro2 ul li{ width:374px; text-align:center; float:left; display:block; border:#afafb1 1px solid; margin-left:5px;margin-bottom:5px; background: #FFFFFF; text-align:left; padding:5px; font-size:12px; color:#666666; } #pro2 img{ height:auto; border:#CCC 1px solid;} #pro2 .products{ width: 360px; height: 187px; border: #000 solid 0px; overflow:hidden; } #pro2 .products img{ cursor: pointer; transition: all 0.6s; } #pro2 .products img:hover{transform: scale(1.4); } #pro2 h4{ font-size:12px; color:#333333;} #pro2 .casename{ padding:10px;} #khfw{ width:100%; overflow:hidden; margin:50px 0;} #khfw ul{ list-style:none;} #khfw ul li{ width:560px; float:left; display:block; border:#afafb1 0px solid; margin-left:10px;margin-bottom:10px; background-color:#FFFFFF; padding:10px; font-size:12px; color:#666666;border-radius:30px;box-shadow: 1px 1px 3px #888888; } #khfw .aboutus img{ border:none; width:auto; height:auto;} #khfw img{ width:90%; height:auto; border:#CCC 1px solid;} #khfw .picture{ width: 360px; height: 187px; border: #000 solid 0px; overflow:hidden; } #khfw .picture img{ cursor: pointer; transition: all 0.6s; } #khfw .picture img:hover{transform: scale(1.4); } #khfw h4{ font-size:16px; color:#333333;} #khfw .top{ background-color:#FFFFFF;} #khfw .top .left{ width:360px; float:left; font-size:16px; color:#333333; font-weight:bold; text-align:left; padding-left:10px;} #khfw .top .left1{ width:430px; float:right; text-align:left; padding-left:10px;} #khfw .top .left1 a{ font-size:16px; color:#333333; font-weight:bold;} #khfw .top .right{ width:109px; float:right;} #khfw .top .right1{ width:109px; float:left;} #khfw .bottom1{ font-size:12px; color:#999999; text-align:left; background:none; padding:0px; line-height:24px; font-weight:normal;} #khfw .aboutus{background-color:#FFFFFF; padding:30px; font-size:12px; color:#666666;border-radius:10px;box-shadow: 1px 1px 3px #888888; } #khfw .aboutus .left{ width:510px; float:left; border:#CCC 1px solid; font-size:14px; background:#f8f8f8; padding:20px;border-radius:20px;} #khfw .aboutus .right{ width:550px; float:right;} #khfw .aboutus .right img{ width:auto; height:auto;} #case{ width:100%; overflow:hidden; margin:5px 0;} #case ul{ list-style:none;} #case ul li{ width:367px; font-size:14px; color:#6d6d6d; text-align:center; border:#bdbdbd 1px solid; float:left; margin:15px; display:block;} #case ul li a{font-size:14px; color:#6d6d6d; display:block; padding:20px; } #case ul li a:hover{ font-size:14px; color:#ffffff; background:#049960; display:block;} #case ul li a:hover .more{ border:#FFF 1px solid; color:#FFF;} #case .products{ width: 330px; height: 228px; border: #000 solid 0px; overflow:hidden; } #case .products img{ cursor: pointer; transition: all 0.6s; } #case .products img:hover{transform: scale(1.4); } #menu{ } #menu ul{ list-style:none;} #menu ul li{ width:77px; height:98px; line-height:98px; display:block; float:left; text-align:center; } #menu ul li a{ display:block; text-align:center; font-size:14px; font-weight:bold; } #menu ul li:hover a{ color:#fff;} #menu ul li:hover{ background:#00af62; display:block; color:#FFF;} #fl-menu{ width:255px; margin:10px auto; } #fl-menu ul{ list-style:none;} #fl-menu ul li{ display:block; float:left; text-align:center; padding:10px; border-bottom:#06a468 2px solid; border-top:#d8d8d8 1px solid; border-left:#d8d8d8 1px solid; border-right:#d8d8d8 1px solid; margin:0 5px; color:#06a468;font-size:12px; font-weight:bold; } #fl-menu ul li a{ display:block; color:#00af62; text-align:center; font-size:12px; font-weight:bold; } #pro1{ width:100%; margin:10px 0; } #pro1 ul{ list-style:none;} #pro1 ul li{ width:33%; background:#CCC; float:left; display:block;position: relative; } #pro1 ul li a{font-size:14px; display:block; } #pro1 ul li:hover a{ font-size:14px; display:block;} #pro1 ul li .p{ line-height:35px; text-align:center; display:block; position:absolute; z-index:999; width:100%; font-size:12px; color:#fff; left:0; bottom:0; background: rgba(56,134,207,0.9);} #pro1 ul li .p1{ display:none; color:#FFF; text-align:center; height:304px;position:absolute; z-index:999; bottom:0; left:0; width:100%;background: rgba(56,134,207,0.9);} #pro1 ul li .p1 .c{ display:block; background:none; margin:80px 0 0 0; line-height:24px; color:#FFF; } #pro1 ul li .p1 .c a{ color:#FFF;} #pro1 ul li .p1 .c h2{ font-weight:bold; font-size:16px; padding:0 40px;} #pro1 ul li .p1 .c .more{ background: url(../images/more.png) 50% 50% no-repeat; padding-top:50px; line-height:30px; display:block; } .products{ width: 100%; height: 304px; border: #000 solid 0px; overflow:hidden; } .products img{ cursor: pointer; transition: all 0.6s; } .products img:hover{transform: scale(1.4); } #foot-menu{ } #foot-menu ul{ list-style:none;} #foot-menu ul li{ height:35px; line-height:35px; display:block; float:left; text-align:center; padding:0 15px;font-weight:bold; } #foot-menu ul li a{ display:block; text-align:center; font-size:14px; font-weight:bold; color:#ccc;} #foot-menu ul li a:hover{ display:block; color:#ccc;} #foot-menu ul li .sss{ font-size:12px; font-weight: normal; border-bottom:#999 1px dotted;} @charset "utf-8"; /*导航栏*/ .nav_menu3 ul, .nav_menu3 ul li, .nav_menu3 ul li a, .nav_menu3 #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; font-size:14px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nav_menu3 { margin-top:40px; padding: 0; border: 0; list-style: none; line-height: 1; display: block; font-size:14px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nav_menu3 #menu-button { margin-top: 100px; background: #F00; position: absolute; z-index: 99999; } .nav_menu3:after, .nav_menu3 > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .nav_menu3 #menu-button { display: none; } .nav_menu3 { width: auto; line-height: 1; } #menu-line { position: absolute; top: 0; left: 0; height: 3px; background: #990B2C; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .nav_menu3 > ul > li { float: left; font-weight:bold; } .nav_menu3.align-center > ul { font-size: 0; text-align: center; } .nav_menu3.align-center > ul > li { display: inline-block; float: none; } .nav_menu3.align-center ul ul { text-align: left; } .nav_menu3.align-right > ul > li { float: right; } .nav_menu3.align-right ul ul { text-align: right; } .nav_menu3 > ul > li > a { padding: 12px 0px 12px 13px; font-size:18px; text-decoration: none; text-transform: uppercase; color: #474747; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } .nav_menu3 > ul > li:hover > a { color: #317ed6; } .nav_menu3 > ul > li.nav-has-sub > a { padding:5px 34px; } .nav_menu3 > ul > li.nav-has-sub > a::after { position: absolute; top: 15px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #8b8b8b; border-right: 1px solid #8b8b8b; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .nav_menu3 > ul > li.nav-has-sub:hover > a::after { border-color: #317ed6; } .nav_menu3 ul ul { position: absolute; left: -9999px; } .nav_menu3 > ul > li > ul { border-top: 1px solid #FFF; } .nav_menu3 li:hover > ul { left: auto; z-index: 999; } .nav_menu3.align-right li:hover > ul { right: 0; } .nav_menu3 ul ul ul { margin-left: 100%; top: 0; } .nav_menu3.align-right ul ul ul { margin-left: 0; margin-right: 100%; } .nav_menu3 ul ul li { height: 0; text-align:center; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; } .nav_menu3 ul li:hover > ul > li { height: 35px; } .nav_menu3 ul ul li a { padding: 10px 10px; width: 140px; background: #317ed6; text-decoration: none; color: #eeeeee; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; border-top: 1px solid #a0bbda; } .nav_menu3 ul ul li:hover > a, .nav_menu3 ul ul li a:hover { color: #ffffff; background: #0cbaf7; border-top: 1px solid #FFF; } .nav_menu3 ul ul li.nav-has-sub > a::after { position: absolute; top: 25px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .nav_menu3.align-right ul ul li.nav-has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; } .nav_menu3 ul ul li.nav-has-sub:hover > a::after { border-color: #990B2C; } .banner{height:600px;} .banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;} .banner .ban_nav{display:none;} .banner .Left,.banner .Right{display:none;} .bann_ext{position:relative;} .frontCover{position:absolute;bottom:20px;left:45%;} .frontCover li{float:left;width:15px;padding:0px;background:#ccc;color:#fff;overflow:hidden;margin-right:7px;cursor:pointer; border-radius:50%;} .frontCover .img{position:relative;width:15px;height:15px;overflow:hidden;} .frontCover img{position:absolute;width:0px;height:0px;left:-50px;} .frontCover .open{background:#e60013;} /*幻灯片(组件)*/ .slide{position:relative;width:100%;} .ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;} .ban_c img{width:100%;height:100%;} .ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;} .ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;} .ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;} .ban_nav .on{background:#f90;color:#fff;} .newstext { margin-bottom:20px; padding:20px; } .newstext h2{ text-align:center; } .newstext .info { width:100%; height:40px; margin-top:10px; padding-top:10px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; margin-bottom:10px; } .page{float:left;margin:20px 0;text-align:center;width:100%;} .page a{border:1px solid #7CBBED;padding:4px 6px;font-size:12px; color:#000;} .page .thispage{padding:4px 6px;background:#7CBBED;font-size:12px;color:#fff;} .newspagechange .pagechangel, .newspagechange .pagechanger{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:10px; font-size:12px;} .newspagechange .pagechangel a,.newspagechange .pagechanger a{ color:#000; font-size:12px;} .propagechange .pagechangel, .propagechange .pagechanger{ width:49.5%; float:left; margin: 30px 0;} .propagechange .pagechangeleft{ float:right; margin-right:10px;} .propagechange .pagechangeright{ float:left; margin-left:10px;} .propagechange .pagechangeleft, .propagechange .pagechangeright{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:20px; font-size:12px;} .propagechange .pagechangeleft a, .propagechange .pagechangeright a{ color:#000; font-size:12px;} #header .right .but{ position:absolute; z-index: 99; top: 34px; right: 0; display: block; width: 37px; height: 36px; line-height: 36px; text-align: center; cursor: pointer; font-weight: bolder; background: url(../images/search.png);} #header .right .st{ position:absolute; display: none; width:200px; right:0; top: 34px; height: 36px; border-radius:36px; outline: none; border:1px solid #d9d9d9; background-color: #eeeeee; padding: 0 10px;} #header .right .sear{ display: none; position:absolute; width:36px; height: 36px; right: 5px; top: 67px; border:none; outline: none; background: url(../images/searchbt.png);}